<template>
	<footer>
		<div class="container">
			<ul>
				<li><a href="#">关于我们</a></li><span>|</span>
				<li><a href="#">用户隐私权政策</a></li><span>|</span>
				<li><a href="#">用户服务协议</a></li><span>|</span>
				<li><a href="#">联系我们</a></li>
			</ul>
			<div class="address">
				<span class="weixin"></span>
				<span class="dianhua"></span>
			</div>
			<div class="copy_right">
				<p>Copyright © 2010-2022 南京爱一格网络科技有限公司 版权所有</p>
				<p>经营性许可证编号：<a href="https://beian.miit.gov.cn/" target="_blank">苏B2-20180515</a>&nbsp;&nbsp;
					<a href="http://ccm.mct.gov.cn/ccnt/sczr/service/business/emark/toDetail/b324ae6cb184469691bb4a8e75a93b41"
						target="_blank"><img src="https://rs.dance365.com/jinying.png"
							style="width: 20px; height: 20px; position: relative; top: 5px;">苏网文〔2021〕4647-106号</a>
				</p><a href="https://beian.miit.gov.cn/" target="_blank">苏ICP备20036081号</a>
				<p style="margin-top: 8px;"><a target="_blank"
						href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32010602010735">
						<div style="display: flex; justify-content: center; align-items: center;">
							<img src="https://rs.dance365.com/pc/gongan.png">苏公网安备 32010602010735号
						</div>
					</a></p>
			</div>
		</div>
	</footer>
</template>

<script setup lang="ts">

</script>

<style scoped>
	/* 清除样式 */
	ul,
	li {
		padding: 0;
		margin: 0;
		list-style: none
	}

	a {
		text-decoration: none;
		color: #b1b5c1;
	}

	.container {
		width: 1200px;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 24px 40px 0px;
	}

	footer {
		height: 258px;
		background-color: #221f23;
		color: #b1b5c1;
	}

	ul {
		display: flex;
		font-size: 14px;
		justify-content: center;
		text-align: center;
	}

	ul li a {
		width: 277px;
		display: inline-block;
	}

	ul li a:hover {
		color: #f93684;
	}

	ul span {
		color: #fff;
	}
	.address{
		text-align: center;
		margin: 28px auto 30px;
	}
	.weixin:before{
		font-family: "iconfont";
		content: "\e62c";
		font-size: 28px;
		margin: 0% 35px;
	}
	.dianhua:before{
		font-family: "iconfont";
		content: "\e671";
		font-size: 28px;
		margin: 0% 35px;
	}
	.copy_right{
		text-align: center;
		font-size: 14px;
	}
	.copy_right img{
		vertical-align: top;
	}
</style>
